<template>
<div>

    <div class="editBanner" @click="bannerClick">

        <span class="left">{{left}}</span>
        <span>
            <slot name="right"></slot>
            {{right}}
        </span>

    </div>

</div>
</template>

<script scoped>



export default {
    data() {
        return {
           
        };
    },

    props:['left','right'],

    methods: {
       bannerClick(){
           this.$emit("bannerChange")
       }
    },

    components:{
        
    },


    }
</script>


<style scoped>

    .editBanner{
        background-color: #fff;
        padding:3.467vw 4.8vw;
        font-size: 4.267vw;
        font-weight: 520;
        display: flex;
        justify-content: space-between;
        color:#555;
        border-bottom: 1px solid #ededed;
    }

    .left{
        display: flex;
        /* 上下居中（垂直居中） */
        align-items: center;
        white-space:nowrap;
    }



    
   

</style>